// 动态导入布局组件
const Layout = () => import('@/layout/index.vue');

// 动态导入商品相关的各个视图组件
const category = () => import('@/views/product/category.vue');
const brand = () => import('@/views/product/brand.vue');
const categoryBrand = () => import('@/views/product/categoryBrand.vue');
const productSpec = () => import('@/views/product/productSpec.vue');
const product = () => import('@/views/product/product.vue');

/**
 * 商品系统路由配置
 * 包含商品系统相关的路由信息，如分类管理、品牌管理等
 */
export default [
  {
    // 父路由路径
    path: '/product',
    // 父路由对应的组件
    component: Layout,
    // 父路由名称
    name: 'product',
    // 路由元信息，可用于显示标题等
    meta: {
      title: '商品系统',
    },
    // 路由图标（假设用于菜单展示）
    icon: 'Histogram',
    // 子路由配置
    children: [
      {
        // 子路由路径
        path: '/category',
        // 子路由名称
        name: 'category',
        // 子路由对应的组件
        component: category,
        // 子路由元信息
        meta: {
          title: '分类管理',
        },
      },
      {
        path: '/brand',
        name: 'brand',
        component: brand,
        meta: {
          title: '品牌管理',
        },
      },
      {
        path: '/categoryBrand',
        name: 'categoryBrand',
        component: categoryBrand,
        meta: {
          title: '分类品牌',
        },
      },
      {
        path: '/productSpec',
        name: 'productSpec',
        component: productSpec,
        meta: {
          title: '商品规格',
        },
      },
      {
        path: '/product',
        name: 'product',
        component: product,
        meta: {
          title: '商品管理',
        },
      },
    ],
  },
];